<!DOCTYPE html>
 <html lang="zh-CN">
 <head>
     <meta charset="UTF-8">
     <title>小米账号登录</title>
     <style>
         body {
             background-color: #f5f5f5;
             display: flex;
             justify-content: center;
             align-items: center;
             height: 100vh;
             margin: 0;
         }
         .login-box {
             background-color: #fff;
             padding: 30px;
             border-radius: 8px;
             box-shadow: 0 0 10px rgba(0,0,0,0.1);
             text-align: center;
         }
         .mi-logo {
             width: 50px;
             height: 50px;
             background-color: #ff6700;
             color: #fff;
             line-height: 50px;
             font-size: 24px;
             font-weight: bold;
             margin: 0 auto 20px;
             border-radius: 4px;
         }
         h2 {
             margin-bottom: 30px;
             color: #333;
         }
         input {
             display: block;
             width: 280px;
             padding: 10px;
             margin: 10px auto;
             border: 1px solid #ddd;
             border-radius: 4px;
         }
         button {
             width: 300px;
             padding: 12px;
             background-color: #ff6700;
             color: #fff;
             border: none;
             border-radius: 4px;
             font-size: 16px;
             cursor: pointer;
             margin-top: 20px;
         }
     </style>
 </head>
 <body>
     <div class="login-box">
         <div class="mi-logo">MI</div>
         <h2>小米账号登录</h2>
         <input type="text" placeholder="邮箱/手机/小米ID">
         <input type="password" placeholder="密码">
         <button>登录</button>
     </div>
 </body>
 </html>